<template>
    <div class="bastselling_body">
        <div class="nav">
            <span>{{ props.title }}</span>
            <el-button round v-if="props.moreBtn">查看更多</el-button>
        </div>
        <div class="main">
            <slot></slot>
        </div>
    </div>
</template>

<script setup>
const props = defineProps({
    "title": String,
    "moreBtn":{
        type: Boolean,
        default: true
    }
})

</script>
<style scoped lang="scss">

.bastselling_body {
    & .nav {
        width: 100%;
        display: flex;

        justify-content: space-between;
        margin-bottom: 30px;

        &>:nth-child(1) {
            font-weight: bold;
            font-size: 22px;
            flex: 1
        }

        &>:nth-child(2) {
            width: 98px;
            height: 38px;
            border: 1px solid #000;
            color: #000;
        }
    }
}
</style>